{% extends "cientifico/index.html" %}
{% load i18n %}
{% block title %}{% trans 'Página Estatistica' %}{% endblock %}


{% block breadcrumb %}
<ul class="breadcrumb">
	<li>
		<span class="glyphicon glyphicon-home"></span> <a tabindex="2" href="{% url HomeCientifico %}" title="{% trans 'Home' %}">{% trans 'Home' %}</a>
	</li>
	<li class="active">{% trans "Estatísticas - Geral" %}</li>
</ul>
{% endblock %}

{% block content %}
{% endblock %}

{% block formulario %}
	<div class="page-header whiteText">
	  <h1>{% trans 'Estatísticas - Geral' %}</h1>
	</div>
	
	<form method="post" role="form">
		{% csrf_token %}
		
		{% include "ComboAno/combobox_ano.html" %}
		<table style="width:520px">
			<tr>
				{% for field in combobox_geral_Statistics_form %}
					<td><div class="form-group whiteText">
						<label for="col-sm-2 control-label">{{ field.label }} {% if field.field.required %}*{%endif%}</label>
						{{ field }}
					</div></td>
					<span id="error_combox_geral_option">
				        {% for error in field.errors %} 
				        	<td><div class="alert alert-danger">
				        		{{error}}
				        	</div> </td>
				        {% endfor %}
			       </span>
			   	{% endfor %}
	   		</tr>
	   	</table>
	   	
	   	
	   	<div id = "form_tipo" style="height:94px;width:158px;margin-top:-76px; margin-left:200px;">
	   	</div>
	   		
	   	
	   	<div id = "tipo_docente">
	
		</div>
	   	
	    <br />
	   	<span id="CamposObirgatorio" class="whiteText">(*) - {% trans 'Campos de preenchimento obrigatório' %}</span>
	   	<hr />
	   	<span id = "Confirmacao"></span>
		<div id="buttonConfirm">
			<input type="hidden" name="{{ stage_field }}" value="1" />
			<input type="button" id = "search" value="{% trans 'pesquisar' %}" class="btn btn-primary btn-lg"/>
		</div>
	</form>
	
	
	<div id = "datatable_dados">
	
	</div>
	
	
	
	<script type="text/javascript">
	$(document).ready(function () {                            
		var csrftoken = getCookie('csrftoken');
		
		
		$("#id_ano").change(function(event){
			$("#error_comboAno").empty();
		});
		
		
		$("#search").on("click", function(){
			
			var id_ano = $("#id_ano").children(':selected').val();
			var combox_geral_option = $("#id_combobox_Geral_option").children(':selected').val();
			var id_tipo_docente = $("#id_tipo_docente").children(':selected').val();
			var radioChoise = $("input:radio[name='valor']:checked").val()
			var id_horas = $("#id_horas").val();
			var horas_maximo = $("#id_horas_maximo").val();
			
			if (id_ano != "" && combox_geral_option != "" && id_tipo_docente != "" && id_horas != "" && 
					(radioChoise == "0" || radioChoise == "1" || radioChoise == "2") && horas_maximo != "")
			{
				if (horas_maximo < id_horas){
					$("#error_horas_input").html('<div class="alert alert-danger">O Segundo campo não pode ser superior ao primeiro.</div>');
				}
				else{
					$.ajax({
			      		type: "POST",
			          	url:"{%url search_data %}",
			          	data:{id_ano:id_ano, 
			          		  combox_geral_option:combox_geral_option, 
			          		  id_tipo_docente:id_tipo_docente, 
			          		  id_horas:id_horas, 
			          		  radioChoise:radioChoise,
			          		  horas_maximo:horas_maximo},
			          	beforeSend: function( xhr ) {xhr.setRequestHeader("X-CSRFToken", csrftoken);},
			          	success: function(data) {
			          		$("#datatable_dados").html(data);
			            },
			            error: function(rs, e) {
			            	 
			            }
			     	});
				}
			} else{
				if (id_ano == ""){
					$("#error_comboAno").html('<div class="alert alert-danger">Campo Obrigatório.</div>');
				}
				if (combox_geral_option == ""){
					$("#error_combox_geral_option").html('<div class="alert alert-danger">Campo Obrigatório.</div>');
				}
				if (id_tipo_docente == ""){
					$("#error_combox_docente").html('<div class="alert alert-danger">Campo Obrigatório.</div>');
				}
				if (radioChoise == null){
					$("#error_radioHoras").html('<div class="alert alert-danger">Deve selecionar uma das seguintes opções.</div>');
				}
				if (horas_maximo == null){
					if (id_horas == ""){
						$("#error_horas_input").html('<div class="alert alert-danger">Campo Obrigatório.</div>');
					}
				}
				if(horas_maximo == ""){
					$("#error_horas_input").html('<div class="alert alert-danger">Campo Obrigatório.</div>');
				}	
			}
			
			
			
		});
		
		var value = $("#id_combobox_Geral_option").children(':selected').val();
    	
      	/*$.ajax({
      		type: "POST",
          	url:"{%url tipo_estatistica %}",
          	data:{tipo_estatistica:value},
          	beforeSend: function( xhr ) {xhr.setRequestHeader("X-CSRFToken", csrftoken);},
          	success: function(data) {
          		$("#form_tipo").html(data);
            },
            error: function(rs, e) {
            	 
            }
     	});*/
		
		
		$("#id_combobox_Geral_option").change(function(event){
	    	var value = $("#id_combobox_Geral_option").children(':selected').val();
	    	$("#error_combox_geral_option").empty();
	      	$.ajax({
	      		type: "POST",
	          	url:"{%url tipo_estatistica %}",
	          	data:{tipo_estatistica:value},
	          	beforeSend: function( xhr ) {xhr.setRequestHeader("X-CSRFToken", csrftoken);},
	          	success: function(data) {
	          		$("#form_tipo").html(data);
	            },
	            error: function(rs, e) {
	            	 
	            }
	     	});
	    });
	});
	</script>
{% endblock %}